<template>
  <div class="header">
    <div class="title_info">
          <div class="width_space"><vo-icon iconName="search" size="25px"></vo-icon></div> 
          <div class="width_space"><vo-icon iconName="help" size="25px"></vo-icon></div> 
          <div class="width_space" v-if="isFull"><vo-icon iconName="exit-full" size="25px"></vo-icon></div> 
          <div class="width_space" v-else><vo-icon  iconName="full" size="25px"></vo-icon></div> 
          <div> <tiny-button  type="text" @click="test">登录 </tiny-button></div> 
         
    </div>

  </div>
</template>

<script setup>
  import { ref, reactive, toRefs, onBeforeMount, getCurrentInstance } from 'vue';
  import { Modal } from '@opentiny/vue';
  import {cosSystem} from '@/stores/system.js';
  let { proxy } = getCurrentInstance();
  let store = cosSystem();
</script>
<style lang="scss" scoped>
  .header {
    line-height: 50px;
    display: flex;
    height: 50px;
    background-color: aliceblue;
    flex-direction: row-reverse;
    .title_info{
      display: flex;
      padding-right: 10px;
    }
    .width_space{
          padding: 0 5px;
    }
  }
</style>
